@media only screen and (max-width:1280px) {

    :root {
        --corner: 3vh;
        font-size: 1.5vh;
    }

    nav {

        margin-top: 2vh;
        margin-left: 1vw;
        height: 81%;
        width: 12vw;

    }

    #nav {
        gap: 1vh;
        flex: 0, 0, 10;
    }

    #doc {
        flex: 1;
        margin: 2vh;
        margin-left: 1vw;
        width: auto;
        height: 90vh;
        overflow: auto;
        background-color: var(--gray-dark);
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: .5rem;
    }

    #box {
        padding-top: .25rem;
        height: 3rem;
        font-size: 2rem;
        border-bottom: .25rem solid var(--green-bright);
    }

    #pw-box {
        height: auto;
        font-size: 2rem;
    }

    #files ul {
        gap: .25vh;
    }

    #files li {
        min-width: fit-content;
        height: auto;
        padding-bottom: .25vh;
        padding-top: .25vh;

    }

    #files li button {
        font-size: 1rem;
    }

    footer {
        height: 5vh;

    }
}